<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form">
				<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.listaAsistencia}</h:outputLink>
							</div></td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText
						value="#{msg.frsListaAsistencia}"
						style="text-align:left;" />
				</p:panel>
				<p:panel>
					<h:panelGrid columns="2" style="text-align:left;">
						<p:selectOneMenu value="#{beanListaAsistencia.referencia }">
							<f:selectItem itemLabel="Selecciona referencia" itemValue="0"
								noSelectionOption="true" />
							<f:selectItems value="#{beanListaAsistencia.listSelect}" />
						</p:selectOneMenu>
						<p:commandButton id="descargarBtn" value="#{msg.descargar }"
							update="growl tabView"
							actionListener="#{beanListaAsistencia.despliegaLista}" />
					</h:panelGrid>
				</p:panel>
				<p:tabView id="tabView" widgetVar="tabView1">
					<p:tab title="#{msg.asistencia }" >
					<h:panelGrid style="text-align:left;" columns="3">
					<p:graphicImage value="/images/logo.png"/>
					<p:spacer width="100" height="0"></p:spacer>
					<h:panelGroup>
						<h:panelGrid columns="1" style="text-align:center;">
							<h:outputText value="asteca" style="font-weight: bolder; font-size: 80px; "/>
							<h:outputText value="ASESORIA TECNICA AERONAUTICA Y CAPACITACION S.C."/>
							<h:outputText value="LISTA DE ASISTENCIA" style="font-weight: bold;"/>
						</h:panelGrid>
					</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid columns="4">
					<h:outputText value="REFERENCIA" style="font-weight:bolder;"/>
					<h:outputText value="#{beanListaAsistencia.referencia} "/>
					<h:outputText value="TIPO"  style="font-weight:bolder;"/>
					<h:outputText />
					</h:panelGrid>
					<h:panelGrid>
						<h:outputText value="NOMBRE	"  style="font-weight:bolder;"/>
					</h:panelGrid>
					<p:separator />
					<h:panelGrid columns="4">
					<h:outputText value="FECHA INICIO TEORIA"  style="font-weight:bolder;"/>
					<h:outputText value="#{beanListaAsistencia.fechaInicioTeoria }"/>
					<h:outputText value="FECHA FIN TEORIA"  style="font-weight:bolder;"/>
					<h:outputText value="#{beanListaAsistencia.fechaFinTeoria }"/>
					</h:panelGrid>
					<h:panelGrid columns="4">
					<h:outputText value="AULAS: "  style="font-weight:bolder;"/>
					<h:outputText value="#{beanListaAsistencia.area.dsc} "/>
					<h:outputText value="LAB: "  style="font-weight:bolder;"/>
					<h:outputText value="#{beanListaAsistencia.sede.dsc} "/>
					</h:panelGrid>
						<p:scrollPanel style="width:900px;height:300px" mode="native"
							id="scrollPanel">
							<table class="order-table">
								<thead>
									<tr>
										<th class="order-table-header">Matricula</th>
										<th class="order-table-header">Nombre</th>
										<ui:repeat var="dias"
											value="#{beanListaAsistencia.encabezadoDias}">
											<th class="order-table-header">#{dias }</th>
										</ui:repeat>
									</tr>
								</thead>

								<ui:repeat var="o"
									value="#{beanListaAsistencia.listaAlumnosAsistencia}"
									varStatus="status">
									<tr class="order-table-odd-row">
										<td>#{o.matricula}</td>
										<td>#{o.nombre}</td>
										<ui:repeat var="a" value="#{o.asistencias}">
											<td>#{a }</td>
										</ui:repeat>

									</tr>
								</ui:repeat>


							</table>
						</p:scrollPanel>
					</p:tab>
				</p:tabView>
				<p:panel id="panelLista">

				</p:panel>

			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>